/*
 * @Author: mylesshie@gmail.com
 * @Date: 2020-07-03 17:34:03
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-07-03 22:33:11
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(0, 0, 0, 0.2)'
  },
  container: {
    width: px(600),
    height: 'auto',
    backgroundColor: '#fff',
    borderRadius: 8
  },
  popHeader: {
    paddingTop: px(20),
    paddingBottom: px(20),
    alignItems: 'center',
    borderBottomColor: '#ccc',
    borderBottomWidth: px(1)
  },
  popTitle: {
    fontSize: 18
  },
  popBody: {
    paddingTop: px(30),
    paddingBottom: px(30),
    paddingLeft: px(40),
    paddingRight: px(40)
  },
  popFooter: {
    borderTopColor: '#ccc',
    borderTopWidth: px(1),
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  popBtn: {
    flex: 0,
    height: px(80),
    justifyContent: 'center',
    alignItems: 'center'
  },
  leftBtn: {
    borderRightColor: '#ccc',
    borderRightWidth: px(1),
  },
  popBtnText: {
    fontSize: 16
  },
  leftBtnText: {
    color: '#999'
  },
  rightBtnText: {
    color: '#D2363A'
  },
  btnWrap: {
    flex: 1,
    flexDirection: 'column'
  }
})

export default styles